<div class="panel panel-default panel-intro">
    {:build_heading()}

    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">
                    <div id="toolbar" class="toolbar">
                        <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
                        <a href="javascript:;" class="btn btn-success btn-add {:$auth->check('newhouse/realscenelist/add')?'':'hide'}" title="{:__('Add')}" ><i class="fa fa-plus"></i> {:__('Add')}</a>
                        <a href="javascript:;" class="btn btn-success btn-addplus {:$auth->check('newhouse/realscenelist/addplus')?'':'hide'}" title="{:__('批量管理')}" ><i class="fa fa-plus"></i> {:__('批量管理')}</a>

                        <div class="dropdown btn-group {:$auth->check('newhouse/realscenelist/multi')?'':'hide'}">
                            <a class="btn btn-primary btn-more dropdown-toggle btn-disabled disabled" data-toggle="dropdown"><i class="fa fa-cog"></i> {:__('More')}</a>
                            <ul class="dropdown-menu text-left" role="menu">
                                <li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;" data-params="flag=1"><i class="fa fa-eye"></i> {:__('Set to normal')}</a></li>
                                <li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;" data-params="flag=0"><i class="fa fa-eye-slash"></i> {:__('Set to hidden')}</a></li>
                            </ul>
                        </div>

                    </div>
                    <table id="table" class="table table-striped table-bordered table-hover table-nowrap"
                           data-operate-edit="{:$auth->check('newhouse/realscenelist/edit')}"
                           data-operate-del="{:$auth->check('newhouse/realscenelist/del')}"
                           width="100%">
                    </table>
                </div>
            </div>

        </div>
    </div>
</div>
<style type="text/css">
    .example {
        height:100%;position: relative;
    }
    .example > span {
        position:absolute;left:15px;top:15px;
    }
</style>
<script id="itemtpl" type="text/html">
    <div data-index="<%=i%>" class="col-sm-4 col-md-3">
        <div class="thumbnail example">
            <span class="btn btn-info">ID:<%=item.id%></span>
            <img src="<%=cdnurl(item.image)%>" class="img-responsive">
            <div class="caption">
                <h4><%=item.msg?item.msg:'无'%></h4>
                <p class="text-muted">管理员: <%=item.admin.nickname%></p>
                <p class="text-muted">操作时间: <%=Moment(item.createtime*1000).format("YYYY-MM-DD HH:mm:ss")%></p>
                <p>
                    <!--详情的事件需要在JS中手动绑定-->
                    <!--如果需要响应编辑或删除事件，可以给元素添加 btn-edit或btn-del的类和data-id这个属性值-->
                    <a href="javascript:;" class="btn btn-primary btn-dragsort" data-toggle="tooltip" data-original-title="拖动进行排序" data-row-index="<%=i%>" data-id="<%=item.id%>"><i class="fa fa-arrows"></i> 排序</a>
                    <a href="javascript:;" class="btn btn-success btn-edit" data-id="<%=item.id%>"><i class="fa fa-pencil"></i> 编辑</a>
                    <a href="javascript:;" class="btn btn-danger btn-del" data-id="<%=item.id%>"><i class="fa fa-times"></i> 删除</a>
                </p>
            </div>
        </div>
    </div>
</script>
